<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>家用电器分类</title>
		<style>
			body{
				width: 300px;
			}
			ul li{
				list-style: none;
			}
			h2{
				font-size: 18px;
				color: white;
				font-weight: bold;
				line-height: 35px;
				background:linear-gradient(#0467AC,#63A7D6,#B6DBF5);
				text-indent:1px;
			}
			h3{
				font-size: 14px;
				font-weight: bold;
				line-height: 30px;
				background:linear-gradient(white,blue,white);
				color: #0565C6;
			}
			.AA{
				font-size: 12px;
				line-height: 26px;
				color: #666666;
			}
			a:link{
				color: #0565C6;
				text-decoration: none;
			}
			a:hover{
				color: #0565C6;
				text-decoration:underline;
			}
		</style>
	</head>
	<body>
		<h2>家用电器</h2>
		<h3><a href="#">大家电</a></h3>
		<ul>
			<li><a href="#" class="AA">平板电视  洗衣机  冰箱</a></li>
            <li><a href="#"class="AA">空调  烟机/灶具  热水器</a></li>
            <li><a href="#"class="AA">冷柜/酒柜  消毒柜  家庭影院</a></li>
		</ul>
		<h3><a href="#">生活电器</a></h3>
		<ul>
		    <li><a href="#"class="AA">电风扇  净化器  吸尘器</a></li>
		    <li><a href="#"class="AA">净水设备  挂烫机  电话机</a></li>
		</ul>
		<h3><a href="#"> 厨房电器</a></h3>
		<ul>
		    <li><a href="#"class="AA">榨汁机  电压力锅  电饭煲</a></li>
		    <li><a href="#"class="AA">豆浆机  微波炉  电磁炉</a></li>
		</ul>
		<h3><a href="#">五金家装</a></h3>
		<ul>
		    <li><a href="#"class="AA">淋浴/水槽  电动工具  手动工具</a></li>
		    <li><a href="#"class="AA">仪器仪表  浴霸/排气  灯具</a></li>
		</ul>
	</body>
</html>
